<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css"/>
	</head>
	<body>
		<header>
			<!-- 最顶部 -->	
				<div class="layout">
			<div class="top-bar">				
					<a href="index.html"><img src="img/logo.png" class="logo" ></a>										
				<ul>
					<li><a href="index.html" class="index" >首页</a></li>
					<li><a href="world.html"  class="world" >世界</a></li>
					<li><a href="#" class="community">社区</a></li>
					<li><a href="#" class="shopping">商城</a></li>
					<li><a href="#" class="us">关于我们</a></li>
					<li><a href="login.html" class="login">登录</a></li>					
				</ul>
				</div>				
			</div>		
		</header >		
			<div class="layout">			
				<div class="login-box">
					<img src="img/b_4_large.png" class="b_4" >
					<div class="login-dl">
						<div class="switch">
						  <span class="enter" onclick="enter(this)">登录</span>	
						  <span>/</span>
						  <span class="signup" onclick="signup(this)">注册</span>
						</div>
						<div class="user">
							<form >
								<input type="text" name="" id="" value="" placeholder="用户" class="input1" />
								<input type="password" name="" id="" value="" placeholder="密码" class="input2" />
								<button type="button" class="login-bt">登录</button>
							</form>
						</div>
						<div class="register">
							<form>
								<input type="text" name="" id="" value="" placeholder="电子邮箱" class="input1" />
								<input type="text" name="" id="" value="" placeholder="用户" class="input1" />
								<input type="password" name="" id="" value="" placeholder="密码" class="input2" />
								<input type="password" name="" id="" value="" placeholder="再次输入密码" class="input2" />
								<button type="button" class="register-bt">注册</button>
							</form>
						</div>
					</div>
				</div>
				</div>
				
				
				
				
				
				<!-- 底部 -->
				<!-- <div class="layout1">
				<div class="footer">
					<div class="img2"><img src="img/b_5_large.png" ></div>												
				    <h3>踏莲曳波涤剑骨<span>●</span>凭虚御风塑圣魂</h3>
				    <div class="wechat">
					<img src="img/wx_img.jpg" >
				</div>
				<div class="footer-nav">
					<ul>
						<li><a href="http://www.baidu.com" target="_blank">免责条款</a></li>
						<li><a href="http://www.baidu.com" target="_blank">隐私保护</a></li>
						<li><a href="http://www.baidu.com" target="_blank">咨询热点</a></li>
						<li><a href="http://www.baidu.com" target="_blank">联系我们</a></li>
						<li class="last"><a href="http://www.baidu.com" target="_blank">公司简介</a></li>
					</ul>
				</div>
				<div class="footer-copy">					
				<p>2005-2020 南华5-517版权所有，并保留所有权利</p>
				<p>ICP备案证书号：粤：ICP888888号</p>
				<p>常年法律顾问：古剑奇谭事务所&nbsp;技术支持：南华在线教育</p>
				</div>
					</div>
					</div> -->
				<!--音乐图标-->
				<div class="layout">									
				<img src="img/musicBtnOff.png" class="musicbtn" onclick="playPause(this)">
				<audio src="mp3/qianqiu.mp3" autoplay="autoplay" id="musicBtn" >
					当前浏览器不支持audio
				</audio>
					</div>
				<script src="js/jquery.touchSwipe.min.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/jq_file.js" type="text/javascript" charset="utf-8"></script>
				<script src="js/new_file.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
